﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <title> Title </title>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
  <link href="_assets/css/layout.css" rel="stylesheet" type="text/css" />
</head>
<body id="homepage">
		<!-- wrap -->
		<div id="wrap">
			
			<!-- head -->
			<div id="head">
				<a href="/" class="logo">挖掘机查询中心</a>
				<!-- nav -->
				<div class="nav">
					<ul>
						<li><a href="/" class="active">首页</a></li>
						<li><a href="product.html">产品系列</a>
							<ul class="nav2">
								<li>
								<a href="#">小型机</a>
								</li>
								<li>
								<a href="#">中型机</a>
								</li>
								<li>
								<a href="#">大型机</a>
								</li>
							</ul>
						</li>
						<li><a href="promotion.html">热销活动</a></li>
						<li><a href="service.html">服务与体验</a></li>
						<li><a href="saler.html">经销商查询</a></li>
						<li><a href="brand.html">卡特品牌</a></li>
					</ul>
				</div>
				<!-- /nav -->
				<a class="login">登录</a>
			
				<!-- slider -->
				<div class="billboard">
					<!-- pic -->
					<div class="banner">
						<ul>
							<li><img src="images/pic-1.png"/></li>
							<li><img src="images/pic-2.png"/></li>
							<li><img src="images/pic-3.png"/></li>
							<li><img src="images/pic-4.png"/></li>
						</ul>
					</div>
					<!-- /pic -->
					<!-- dot -->
					<div class="control">
						<ul>
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
						</ul>
					</div>
					<!-- /dot -->
				</div>
				<!-- /slider -->
			</div>
			<!-- /head -->
			<!-- main -->
			<div id="main">
					<!-- menu -->
					<div class="menu">
						<ul>
							<li class="item1"><a href="#">小型机</a></li>
							<li class="item2"><a href="#">中型机</a></li>
							<li class="item3"><a href="#">大型机</a></li>
						</ul>
						<div class="clr">&nbsp;</div>
					</div>
					<!-- /menu -->
					
					<!-- slider -->
					<div class="slider">
							<h2>成功人士经验</h2>
							<!-- content -->
							<div class="content">
								<ul>
									<li class="item">
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
									</li>
									<li class="item">
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
									</li>
									<li class="item">
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
										<a href="#"><span>徐晋一</span><img src="images/head-1.png"/></a>
									</li>
								</ul>
							</div>
							<!-- /content -->

							<!-- control -->
							<div class="handler">
								<span class="prv-btn">上一页</span>
								<span class="nxt-btn">下一页</span>
							</div>
							<!-- /control -->
					</div>
					<!-- /slider -->
					
					<!-- query -->
					<div class="query">
						<h2>快速服务</h2>
						
						<div class="layer">
								<h3>查找经销商</h3>
								<form action="#" name="src">
									<!-- province -->
									<div class="province">
											<span data-value="all">您所在的省份</span>
									</div>
									<!-- city -->
									<div class="city">
											<span>您所在的城市</span>
									</div>
									<input type="hidden" name="province" value="">
									<input type="hidden" name="city" value="">
									<a href="#" class="btn-src"><img src="images/btn-src.png"/></a>
								</form>								
						</div>

						<a href="#" class="btn">下载产品手册</a>
						<a href="#" class="btn">产品询价</a>
						<a href="#" class="btn">申请试驾</a>
						<a href="#" class="btn">卡特融资</a>
						<a href="#" class="btn">以旧换新</a>

					</div>
					<!-- /query -->

					<div class="clr">&nbsp;</div>
			</div>
			<!-- /main -->
			<!-- footer -->
			<div id="foot">
					<a href="#">关于我们</a>|
					<a href="#">联系我们</a>|
					<a href="#">网站地图</a>|
					<a href="#">友情链接</a>|
					<a href="#">版权声明</a>|
					<a href="#">CAT集团官网</a><br/>
					<p>&copy;2011 CAT Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis adipiscing tempus elit, euismod imperdiet nunc adipiscing non. Sed ut lacinia sem. Donec pulvinar arcu turpis, nec suscipit arcu. In hac habitasse platea dictumst. nec suscipit arcu. In hac habitasse platea dictumst. </p>
			</div>
			<!-- /footer -->
			
		</div>
		<!--/ wrap -->

<script src="_assets/js/jquery.js" type="text/javascript"></script>
<script src="_assets/js/scripts.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
    $(function () {
        new slider({
            dir: 'left',
            interval: 7000,
            handler: '.billboard .control ul',
            area: '.billboard .banner ul'
        });
        new slider({
            dir: 'top',
            area: '.slider .content ul',
            prevbtn: '.slider .handler .prv-btn',
            nxtbtn: '.slider .handler .nxt-btn'
        });

        new Toggle({
            handler: '.item a',
            area: 'span'
        });

        new PC({
            prc: '.province',
            city: '.city'
        });
    });
//-->
</script>
<div id="login2">
	<h5>提示：请先登陆本站。</h5>
	<div class="line3">&nbsp;</div>
	<p class="telfont">手机号码:<input type="text" name=""><span>请填写您当时注册的手机号</span></p>
	<p class="btnLogin2"><a href="reg-pro.html"><img src="images/btn-login-2.jpg" border="0" alt=""></a></p>
	<p class="loginInfo">如果您还没有注册本网站，<a href="#">点击这里注册</a></p>
	<p class="loginInfo2">注册后您可以查看更多产品信息。</p>
	<a class="close">>X</a>
</div>
<div class="black_overlay"></div>
</body>
</html>